Читать онлайн книгу "Основы CSS"

Основы CSS
Дмитрий Артемович Кудрец


В книге рассказывается об использовании таблиц стилей, позиционирования и фильтров в HTML-документах.Рекомендована для учащихся школ, гимназий, а также для всех желающих расширить свои знания о языке HTML.





Основы CSS



Составитель Дмитрий Артемович Кудрец



ISBN 978-5-4496-2174-0

Создано в интеллектуальной издательской системе Ridero




Каскадные таблицы стилей



При оформлении HTML-документов приходится по нескольку раз прописывать однотипные теги. Использование каскадных таблиц стилей (CSS) позволяет значительно упростить эту работу. Поддержка стандарта каскадных таблиц стилей и их программируемых элементов появилась, начиная с версии 4.0 и Netscape, и Internet Explorer.

Существует три основных варианта использования таблиц стилей.

Вариант первый

Описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.

Мой сайт

Добро пожаловать на мой сайт. 








Если нужно задать сразу несколько свойств, их разделяют точкой с запятой:








Атрибут STYLE применяется лишь тогда, когда нужно изменить свойства одного-двух конкретных элементов, расположенных в конкретном месте страницы.

Вариант второй

Если необходимо многократное применение заданного стиля, его описание таблиц стилей размещается в разделе в теге . Параметр TYPE=«text/css» является обязательным и служит для указания броузеру использовать CSS.



Выбранный элемент (в данном случае <Р>) в терминах CSS называется селектором, а все, что располагается между фигурными скобками, – определением. Все вместе называется правилом.

Селекторы это те буквы, из которых состоят определения элементов HTML: P, H1, UL и т. д. При создании правила вы сопоставляете выбранному элементу определение стиля. Например, UL {List-Style: Disc}

Элемент

можно использовать в качестве специфического элемента, к которому можно применить определенное форматирование.








На основе элемента можно создать класс.








Элемент можно использовать с определенными заранее независимыми классами.








Написав , можно применить указанный стиль к тексту. Точно так же универсальные классы можно применять и в любых других контейнерах.

С помощью элемента STYLE тега  … можно задавать выделение текста любым цветом:








Элемент